<button type="button" style="float: right;" class="btn btn-primary"  (click)="lgModal.show()" >查看用户活动参与情况</button>

<div bsModal #lgModal="bs-modal" class="modal fade" tabindex="-1"
     role="dialog" aria-labelledby="dialog-sizes-name1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content my-modal">
            <div class="modal-header">
                <h4 id="dialog-sizes-name1" class="modal-title pull-left">用户参与活动状态</h4>
                <button type="button" class="close pull-right" (click)="lgModal.hide()" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="user-price-info">
                    <div class="row">
                        <div class="col">
                            <h5>中奖信息</h5>
                        </div>
                    </div>
                    <div class="row user-price-info-content">
                        <div class="col" *ngIf="data?.prizeUserInfo">
                            <span class="price-label">中奖人名称</span>：【{{data?.prizeUserInfo?.userName}}】
                            <span class="price-label">中奖人电话</span> ：【{{data?.prizeUserInfo?.phone}}】
                            <span class="price-label">用户等级</span>：【{{data?.prizeUserInfo?.memberLevel}}】
                            <span class="price-label">性别</span> ：【{{data?.prizeUserInfo?.sex==1?'男':'女'}}】
                            <span class="price-label">抽奖号码</span>：【{{data?.prizeUserInfo?.drawNum}}】
                        </div>
                        <div class="col no-data" *ngIf="!data?.prizeUserInfo">
                            暂无
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col">
                        <h5>参与人列表</h5>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <table class="table table-bordered text-nowrap bg-light zero3-list-table wms-table  ">
                            <thead>
                            <tr>
                                <th scope="col">#</th>
                                <th scope="col">用户名称</th>
                                <th scope="col">手机号</th>
                                <th scope="col">用户等级</th>
                                <th scope="col">性别</th>
                                <th scope="col">抽奖号码</th>
                            </tr>
                            </thead>
                            <tbody>

                            <tr  *ngFor="let item of data.memMembers; let i = index">
                                <th scope="row">{{i + 1}}</th>
                                <td>{{item?.userName}}</td>
                                <td>{{item?.phone}}</td>
                                <td>{{item?.memberLevel}}</td>
                                <td>{{item?.sex==1?'男':'女'}}</td>
                                <td>{{item?.drawNum}}</td>
                            </tr>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>